<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>待办任务</title>
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="../static/plus/eleme.css">
    <link rel="stylesheet" href="../static/css/style_xia.css">
</head>
<body>
    <div id="app" class="list-page">
        <mt-header fixed title="未办任务">
            <mt-button slot="left" icon="back" @click="goBack"></mt-button>
        </mt-header>
        <section>
            <div class="search">
                <input class="input" type="text" placeholder="请输入搜索内容">
                <button class="button">搜索</button>
            </div>
            <div class="content">
                <div class="list" v-if="workWaitDoList.length>0">
                    <v-wait-work v-for="(item,index) in workWaitDoList" :key="index" :wait-list="item"></v-wait-work>
                </div>
            </div>
        </section>
        <v-footer></v-footer>
        <div class="loading" v-show="isShow">
            <mt-spinner :type="0" :size="60"></mt-spinner>
        </div>
    </div>
</body>
<script src="../static/plus/vue.js"></script>
<script src="../static/plus/eleme.js"></script>
<script src="../static/js/common.js"></script>
<script>
    window.onload = function () {
        var vm = new Vue({
            el: '#app',
            data:{
                isShow:true,
                workWaitDoList:[
                    {
                        id:1212,
                        type:"任务类别1",
                        title:"任务信息一任务信息一任务信息一任务信息一任务信息一任务信息一任务信息一",
                        time:'2018-02-21 03:21'
                    },
                    {
                        id:1213,
                        type:"任务类别1",
                        title:"任务信息一任务信息一任务信息一任务信息一任务信息一任务信息一任务信息一",
                        time:'2018-02-21 03:21'
                    },
                    {
                        id:1214,
                        type:"任务类别1",
                        title:"任务信息一任务信息一任务信息一任务信息一任务信息一任务信息一任务信息一",
                        time:'2018-02-21 03:21'
                    }
                ]
            },
            methods:{
                goBack() {
                    history.go(-1);
                }
            },
            mounted() {
                setSectionHeight();
                this.isShow = false;
            }
        })
    }
</script>
</html>